<template>
	<view class="content">
		<!-- 消息列表 -->
		<view class="info_list">
			<view class="info_item" @click="chpInfo"> 
				<image class="info_img" :src="imgUrl+'/static/wap/infoImg/baojing@2x.png'"></image>
				<view class="info_con">
					<text>报警信息</text><br>
					<text>当前报警提示</text>
				</view>
				<!-- <text class="info_num">16</text> -->
			</view>
			
			<view class="info_item" @click="costInfo">
				<image class="info_img" :src="imgUrl+'/static/wap/infoImg/feiyong@2x.png'"></image>
				<view class="info_con">
					<text>费用提示</text><br>
					<text>欠费通知</text>
				</view>
				<!-- <text class="info_num">116</text> -->
			</view>
			
			<view class="info_item" @click="platformInfo">
				<image class="info_img" :src="imgUrl+'/static/wap/infoImg/pingtai@2x.png'"></image>
				<view class="info_con">
					<text>平台信息</text><br>
					<text>平台信息公告</text>
				</view>
				<!-- <text class="info_num">16</text> -->
			</view>
		</view>
	</view>
</template>

<script>
	import util from '../../static/util.js'
	export default {
		data() {
			return {
				imgUrl:util.globalData.imgPre,
			};
		},
		methods:{
			chpInfo(){
		     uni.navigateTo({
		     	url:'../chpInfo/chpInfo'
		     })
		   },
		   costInfo(){
			   uni.navigateTo({
			   	url:'../costInfo/costInfo'
			   })
		   },
		   platformInfo(){
			   uni.navigateTo({
			   	url:'../platformInfo/platformInfo'
			   })
		   }
		}
	}
</script>

<style lang="less" scoped>
	.content{
		padding: 0 30rpx;
	}
	.info_list{ 
		overflow: hidden;
		color: #333;
		font-size: 30rpx;
		font-weight: bold;
		.info_item {
			display: flex;
			height: 114rpx;
			padding-top: 56rpx;
			border-bottom: 1px solid #eee;
			.info_img{
				margin-right: 38rpx;
				width: 80rpx;
				height: 80rpx;
			}
			.info_con{
				flex: 1;
				& text:last-child{
					font-size: 26rpx;
					font-weight: normal;
				}
			}
			.info_num{
				display: block;
				padding: 0 16rpx;
				margin: auto 0; 
				height: 30rpx;
				line-height: 30rpx;
				text-align: center;
				color: #fff;
				font-size: 20rpx;
				background: #f40002;
				border-radius: 15rpx;
			}
		}
	}
</style>
